/*
 * Copyright (c) 2025 Huawei Device Co., Ltd.
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.notifContainer {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1000;
}

.notifItem {
    position: relative;
    margin: 16px 16px 0 0;
    padding: 10px 44px 10px 52px;

    &_success {
        background: #F0FBF3;
        border: 1px solid #5B8E69;
        backdrop-filter: blur(5px);
        border-radius: 20px;
    }

    &_info {
        background: #FFFFFF;
        border: 1px solid #8D7D72;
        backdrop-filter: blur(5px);
        border-radius: 20px;
    }

    &_error {
        background: #FFF2F2;
        border: 1px solid #FB5D5D;
        backdrop-filter: blur(5px);
        border-radius: 20px;
    }

    &__icon {
        position: absolute;
        top: 16px;
        left: 16px;
        width: 24px;
        height: 24px;
    }

    &__close {
        background: none;
        border: none;
        position: absolute;
        top: 16px;
        right: 16px;
        width: 16px;
        height: 16px;
        cursor: pointer;
    }

    &__title {
        font-weight: 700;
        font-size: 16px;
        line-height: 20px;
        font-family: 'Roboto Mono';
        color: #261E19;
    }

    &__message {
        margin-top: 4px;
        margin-bottom: 0;
        font-family: 'Roboto Mono';
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        color: #63554D;
    }
}
